• Llega la primavera!














En ZURB explican los pasos a seguir para crear una galería tipo polaroid como la que ellos han creado. Lo bueno que tiene es que está creada con CSS y lo malo que el efecto se pierde si utilizamos Explorer. Aún así aunque pierda el efecto no deja de ser original y no me resistí a probar, estuve jugando un rato para adaptar la idea a modo de menú en la cabecera de un blog. Si te animas lo que hice fue lo siguiente:
En plantilla edición de HTML y justo antes de </head>añadí el contenido de este archivo al que modifiqué la parte correspondiente a margin para que las imágenes quedaran centradas ya que está creado con la idea como decía de una galería con cuatro imágenes en cada línea.
Luego, en plantilla de diseño editamos un gadget en la parte del crosscol añadimos las imágenes:
<ul class="polaroids">
<li><a href="url-enlace" title="Texto-a-mostrar">
<img src="url-imagen" width="150" height="170" alt="Título" /></a></li>

<li><a href="url-enlace" title="Texto-a-mostrar">
<img src="url-imagen" width="250" height="170" alt="Título" /></a></li>

<li><a href="url-enlace" title="Texto-a-mostrar">
<img src="url-imagen" width="150" height="171" alt="Título" /></a></li>

</ul>
Y eso es todo. El resultado sería más o menos como el de la siguiente imagen con el efecto en cada una de las fotografías polaroid.

Jaime Trujillo Escobedo

Realmente me ha encantado, Gem@. Es un efecto magnífico para las galerías de imágenes, por lo que no dudaré en usarlo más adelante.

¡Abrazos!

Responder
Gem@

:: Me alegra que te guste Jaime :)

Responder
MAI

Me gusta me gusta!!! a ver si IE se pone las pilas... besote lila :D

Responder
Gem@

:: Se las pondrá un día de estos :D de ilusión también se vive.

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top